<div class="cart_wrapper">
  <h3>Cart</h3>
  <p>
    <a routerLink="/shipping">Shipping Prices</a>
  </p>
  <ul>
    <li class="cart-item" *ngFor="let item of items">
      <span>{{ item.name }}</span>
      <span>{{ item.price | currency }}</span>
    </li>
  </ul>
  <form [formGroup]="checkoutForm" (ngSubmit)="onSubmit()">
    <div>
      <label for="name">
        Name
      </label>
      <input id="name" type="text" formControlName="name">
    </div>

    <div>
      <label for="address">
        Address
      </label>
      <input id="address" type="text" formControlName="address">
    </div>
    <button class="button" type="submit">Purchase</button>

  </form>
</div>